<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水上世界信息</title>
    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

    <!--引入axios框架-->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <!--引入VUE框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        <link rel="stylesheet" href="/zx/css/zx.css">
    <style>

    </style>
</head>
<body class="animal-wrap" style="font-size: 12px;">
<!--顶部-->
<div class="top-bar">
    <div class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <h1 class="logo">
                    <a class="navbar-brand" href="/">
                        <img src="/hfy/img/img_logo.png" alt="">
                    </a>
                </h1>
            </div>
            <div class="collapse navbar-collapse" id="main-menu">
                <ul class="nav navbar-nav">
                    <li class="item wat" style="width: 80px;padding-top: 5px">
                        <a href="/" title="首页">
                            <!--<span class="glyphicon glyphicon-home"></span>-->
                            <!--                                <span class="glyphicon glyphicon-home" aria-hidden="true"></span>-->
                            <img src="/hfy/img/t_home.png" alt="">
                        </a>
                    </li>
                    <li class="item">
                        <a href="/views/hfy_zqdw">珍奇动物</a>
                    </li>
                    <li class="item">
                        <a href="/views/hth_ztly">主题乐园</a>
                    </li>
                    <li class="item l-last-item">
                        <a href="/views/zx_sssj">水上世界</a>
                    </li>
                    <li class="item">
                        <a href="/views/zzb_bhjy">保护教育</a>
                    </li>
                    <li class="item">
                        <a href="/views/lfx_ynfg">园内风光</a>
                    </li>
                    <li class="item">
                        <a href="/views/lfx_ykfw">游客服务</a>
                    </li>
                    <li class="item wat" style="width: 80px;padding-top: 5px">
                        <a href="/search" title="搜索">
                            <!--<i class="icfont ic_search"></i>-->
                            <img src="/hfy/img/t_search.png" alt="">
                        </a>
                    </li>
                </ul>
                <a href="" class="btn-nav-close" id="J_btnNavClose">
                    <i class="icon-nav-close"></i>
                </a>
            </div>
        </div>
    </div>
</div>



<!--中部-->
<div class="wrap" >
    <div class="banner">
        <div class="title mt100">水上世界</div>
        <div class="sub-title mt10">“加勒比水世界”点燃夏天日与夜的激情，体验城市冲浪的狂欢一夏</div>
    </div>
    <div class="container item-list water-world-list clearfix">
        <div class="row" id="J_WaterWorldList">
            <div class="col-sm-6 col-lg-4 AnimalsCard" v-for="w in waterWorlds">
                    <div class="item" >
                        <a :href="'/zoosite/dwWaterWorld/edit/'+w.id">
                            <p class="pic">
                                <img :src="w.imagePath">
                            </p>
                            <div class="text">
                                <p class="tit lh20 ac text-nowarp">
                                    <span class="name" v-text="w.name">大喇叭</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
        </div>
        <div class="water-spray01 left-decorate" style="position: absolute;left: 0;top: 1200px">
            <img src="/zx/img/img_water_spray_1.png">
        </div>
        <div class="water-spray02 right-decorate" style="position: absolute;right: 0;top: 800px"><img src="/zx/img/img_water_spray_2.png"></div>
        <div class="water-spray03 right-decorate" style="position: absolute;right: 0;top: 1800px"><img src="/zx/img/img_water_spray_3.png"></div>
    </div>
</div>



<!--底部-->
<footer class="footer">
    <div class="well">
        <p>- 联系我们 -</p>
        <img src="/hfy/img/f_logo.png" alt="">
        <p style="margin: 20px">广西壮族自治区南宁市西乡塘区大学东路73号</p>
        <p><span style="margin: 50px 200px 50px 0">动物园</span><span>0771-3213932</span></p>
        <hr width="332">
        <p><span style="margin: 50px 155px 50px 0">加勒比水世界</span><span>0771-3218828</span></p>
        <hr width="332">
        <div style="margin: 10px 20px 0 390px">
            <span>官方微信</span><br>
            <img src="/hfy/img/qr_wechat.png" alt="">
        </div>
        <div>
            <span>官方微博</span><br>
            <img src="/hfy/img/qr_weibo.png" alt="">
        </div>
    </div>

</footer>
</body>
<!--js-->
<script src="/zx/js/zx.js"></script>
</html>